﻿/* CSS Document */

div {

  border: 1px solid black; /* à enlever */

}

span {

  border: 1px solid black; /* à enlever */

}

body {

  width : 800px;
  margin-left:auto;
  margin-right:auto;
  
}

.logo {

}

.toplink {

  float: right;

}

.topbar {

}

.topbarcontenu{

  position: relative;

}

.topbarrechercher {

   float:center

}

.recherchepages {

   display:inline

}

.accueil {

  background-image: url(images/index-background.jpg); 
  height: 300px;
  margin-left:auto;
  margin-right:auto;
  
}

.accueiltext {

  height: 300px;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  margin: auto;

}

.temoignages {

}

.temcols {

  width:33%;

}

.les3temoins {

  width:600px;

}

.accueilenbas {

  width:100%;

}
.accueilbascols {

  width:50%;
  padding: 5 5 5 5;

}

.tempics {

  width:190px;
  height: 190px;

}

#recherchetitle {

  margin-bottom: 0; 
  padding-bottom: 0; 

}

.liens {

  display:inline-block;
  float:left

}

.lienlist {

  float:left

}

.parrainage {

  float:right;
  text-align:right;
  position: absolute;
  bottom: 0;
  right: 0;

}

#parrainer {

  display:inline;

}

.liens {

  display:inline-block;
  float:left;
  float:left;
  width:20%;

}

#pagecontenu {

  display:inline-block;
  float:left;
  width:74%; /* ça va devenir 70% */

}

#goodies {

  display:inline-block;
  float:right;
  float:left;
  width:5%;

}

.footer {

  position:fixed;
  bottom: 0

}

.loginoutils {

  float:right;
  text-align:right;
  position: absolute;
  right: 0;

}

.spanResultat {

  display: inline-block;
  width:165px;

}

.imgRes {

  height:100px;
  width:100%;

}

.imgProduit {

  height:300px;
  width:400px;

}

#imgDemander {
  
  height = 10px;
  width = 100%;

}

#pagecontenusansdroite {

  display:inline-block;
  float:left;
  width:94%; /* ça va devenir 70% */

}
